.main {
	background-color: #000;
	display: flex;
	align-items: center;
	object-fit: cover;
	position: relative;

	video {
		width: 100%;
	}

	.video-box {
		position: absolute;
		color: #fff;
		left: 20px;
		bottom: 20px;
		text-align: center;
		p {
			margin: 10px 10px;
		}
	}
}

.btn-group {
	position: relative;
	height: 60px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;

	span {
		font-size: 40px !important;
	}

	.progress {
		width: 0%;
		height: 4px;
		background-color: deepskyblue;
		position: absolute;
		top: 0;
	}
}

.mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 191, 255, 0.8);
	position: fixed;
	top: 0;
	left: 0;
    display: none ;

	#slogan {
		font-size: 20px;
		text-align: center;
		padding: 20px 0;
	}

	.mask-box {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;

		#continue {
			width: 120px;
			height: 120px;
			border-radius: 50%;
			background-color: green;
			font-size: 18px;
			display: flex;
			flex-direction: column;
            justify-content: center;
			align-items: center;
			text-align: center;
			margin: 0 30px;
			color: #fff;
		

			.icon-jixu {
				font-size: 40px;
			}
		}

		#over {
			width: 120px;
			height: 120px;
			border-radius: 120px;
			background-color: red;
			font-size: 18px;
			display: flex;
			flex-direction: column;
            justify-content: center;
			align-items: center;
			text-align: center;
			margin: 0 30px;
			color: #fff;

			.icon-jieshu {
				font-size: 40px;
			}
		}
	}
}
